*{margin:0;border: 0;padding:0}
li{list-style-type:none}
img{width:100%;display:block}
div{position:relative}
.top{overflow: hidden;}
.bottom ul li{position:absolute;z-index:10;width:25%;height:50%;}
.bottom ul a:nth-of-type(1) li{top:0;left:0}
.bottom ul a:nth-of-type(2) li{top:0;left:25%}
.bottom ul a:nth-of-type(3) li{top:0;left:50%}
.bottom ul a:nth-of-type(4) li{top:0;left:75%}
.bottom ul a:nth-of-type(5) li{top:50%;left:0}
.bottom ul a:nth-of-type(6) li{top:50%;left:25%}
.bottom ul a:nth-of-type(7) li{top:50%;left:50%}
.bottom ul a:nth-of-type(8) li{top:50%;left:75%}
#showWin{display:none;position:fixed;width:90%;height:100%;z-index: 200;padding-left:5%;padding-right:5%;padding-top:20%;background-color:rgba(0,0,0,.6)}
#train{position:absolute;z-index: 50;bottom:0;left:100%;width:40%;height:40%;transition: all 1.5s;-webkit-transition: all 1.5s;}
#flash{position:absolute;z-index:10;opacity:0;top:0;left:0;background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,0.4)20%,rgba(255,255,255,0)40%); 
        background: linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,0.4)20%,rgba(255,255,255,0)40%);transition: left 3s;-webkit-transition: left 3s;}

.rotate{animation:rot 2s linear infinite;}
@keyframes rot{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}
